/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10.05.2017, 15:36:51
    Author     : цу34
*/
html{height: 100%;}
body{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
background-color: #d3d3d3;
background-image: linear-gradient(335deg, #bf5100 23px, transparent 23px),
linear-gradient(155deg, #bf5100 23px, transparent 23px),
linear-gradient(335deg, #bf5100 23px, transparent 23px),
linear-gradient(155deg, #bf5100 23px, transparent 23px);
background-size: 58px 58px;	
background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
}
#navbar{
    margin-bottom: 0;
}

#content{
    min-height: calc(100vh - 100px);
}
.container-fluid, .row{
    padding: 0;
    margin: 0;
}

#fract{
    min-height: 800px;
    background-color: rgb(84, 84, 84);
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
}
#param{
    padding: 0;
}
canvas{
    position: absolute;
    /*top:0%;*/
    left: 0;
    width: 100%;
    height: 94%;
    margin: 0;
    padding: 0;
    border-right: #000 solid 2px;
    border-bottom: #000 solid 2px;
    border-radius: 5px;
    overflow: hidden;
}

#holder_0{
      z-index: 3;
}
#holder_1{
      z-index: 2;
}
*{outline:none !important;}
.bootstrap-select > .dropdown-toggle[title=Фрактал],
.bootstrap-select > .dropdown-toggle[title=Фрактал]:hover,
.bootstrap-select > .dropdown-toggle[title=Фрактал]:focus,
.bootstrap-select > .dropdown-toggle[title=Фрактал]:active { color: white; }
*{outline:none !important;}
.bootstrap-select > .dropdown-toggle[title=Выберите_норму],
.bootstrap-select > .dropdown-toggle[title=Выберите_норму]:hover,
.bootstrap-select > .dropdown-toggle[title=Выберите_норму]:focus,
.bootstrap-select > .dropdown-toggle[title=Выберите_норму]:active { color: white; }
*{outline:none !important;}
.bootstrap-select > .dropdown-toggle[title=Выберите_стиль_покраски],
.bootstrap-select > .dropdown-toggle[title=Выберите_стиль_покраски]:hover,
.bootstrap-select > .dropdown-toggle[title=Выберите_стиль_покраски]:focus,
.bootstrap-select > .dropdown-toggle[title=Выберите_стиль_покраски]:active {color: white; }
*{outline:none !important;}
.bootstrap-select > .dropdown-toggle[title=Анимация],
.bootstrap-select > .dropdown-toggle[title=Анимация]:hover,
.bootstrap-select > .dropdown-toggle[title=Анимация]:focus,
.bootstrap-select > .dropdown-toggle[title=Анимация]:active { color: white; }

form, #anime, #mode, #Point{
    z-index: 2;
    margin: 2px;
    padding: 2px 2px 10px 15px;
}
#fract:-webkit-full-screen{
  position: absolute;
  width: 100%;
  height: 100%;
};
/*button{
    z-index: 5;
}*/
.footerok {
    border: solid 1px silver;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: black;
}
#bf{
    border: solid 1px silver;
    background-color: rgb(10,10,10);
    color:#aaa;
}
.footerleft, .paddingtop-bottom{
    padding-left: 30px ;
    
}

a{
    color: #0000CC;
    font-size: 13pt;
}

a:hover{
    color:#000900;
    background-color: #ada;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}

h1{
    text-align: center;
    color: #374;
    font-size: 2em;
    font-family: 'a_AntiqueTitulDcFr';
}

h2{
    padding-left: 30px;
}

.textov{
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    text-align: justify;
    margin: 10px 0 0 0;
}

.fongal{
    margin: 10px;
    padding: 10px;
    display: inline-block;
    background-color: rgba(237, 179, 97, 0.8);
    border-radius: 10px;
    overflow: hidden;
}
.fon{
    font-size: 12pt;
    margin: 0 0 5px 0;
    padding: 5px;
    display: inline-block;
    background-color: rgba(250, 250, 200, 0.87);
    border-radius: 10px;
}
 
.floatl{
    float: left;
    border: 2px solid #aba;
    padding: 10px;
    border-radius: 10px;
    margin: 0 5px 0 0;
}

.fancybox{
    border: 2px solid #ccc;
    padding: 10px;
    /*float: left;*/
}

.ymaps-2-1-53-balloon, .ymaps-2-1-53-balloon__content, .ymaps-2-1-53-balloon__layout{
    border-radius: 10px !important;
    background-color: #e3d9aa !important;
    /*outline: none !important;*/
}
.ymaps-2-1-53-balloon__tail, .ymaps-2-1-53-balloon__tail::after{
    background-color: #e3d9aa !important;
}